@charset "utf-8";
@import "_reset";
$color:#000000;

/*顶部菜单*/
.menu{
    width: 1500px;
    img{
        float: left;
        overflow: hidden;
        background-color: #f5f5f5;
    }
    ul{
        height: 71px;
        float: left;
        //一级菜单
        .blank{
            float: left;
            width: 1px;
            height: 71px;
            background-image: linear-gradient(to top,#aaa6a7,white);
        }
        .first{
            float: left;
            width: 145px;
            height: 71px;
            line-height: 14px;
            background-color: #f6f6f6;
            text-align: center;
            padding-top: 32px;  
            a{
                font-size: 14px;
                line-height: 14px;
                color: #535353;
            }
        }
        .first:hover{
            background-color: #dedede;
        }
        .click:hover{
            background-color: #dedede;
        }
        //二级菜单
        .click{
            display: inline-block;
            float: left;
            width: 145px;
            height: 71px;
            line-height: 14px;
            background-color: #f6f6f6;
            position: relative;
            text-align: center;
             padding-top: 32px;
            a{
                font-size: 14px;
                line-height: 14px;
                color: #535353;
            }
            .pdlist{
                position: absolute;
                top: 71px;
                li{
                    transform: rotateX(30deg) rotateY(90deg);
                    padding-top: 13px;
                    padding-bottom: 13px;
                    width: 145px;
                    height: 40px;
                    background-color: #dfdfdf;
                }
                li:nth-child(2){
                    transition: transform 0.3s linear 0.1s;
                }
                li:nth-child(4){
                    transition: transform 0.3s linear 0.2s;
                }
                li:nth-child(6){
                    transition: transform 0.3s linear 0.3s;
                }
                li:nth-child(8){
                    transition: transform 0.3s linear 0.4s;
                }
                li:nth-child(10){
                    transition: transform 0.3s linear 0.5s;
                }
                li:nth-child(12){
                    transition: transform 0.3s linear 0.6s;
                }
                li:nth-child(14){
                    transition: transform 0.3s linear 0.7s;
                }
                li:hover{
                    background-color: #d0d1d2;
                }
                .blanks:nth-child(1){
                    transition: transform 0.3s linear 0.2s;
                }
                 .blanks:nth-child(3){
                    transition: transform 0.3s linear 0.3s;
                }
                 .blanks:nth-child(5){
                    transition: transform 0.3s linear 0.4s;
                }
                 .blanks:nth-child(7){
                    transition: transform 0.3s linear 0.5s;
                }
                 .blanks:nth-child(9){
                    transition: transform 0.3s linear 0.6s;
                }
                 .blanks:nth-child(11){
                    transition: transform 0.3s linear 0.7s;
                }
                 .blanks:nth-child(13){
                    transition: transform 0.3s linear 0.8s;
                }
                .blanks{
                    transform: rotateX(30deg) rotateY(90deg);
                    margin: 0 auto;
                    width: 137px;
                    height: 1px;
                    background-color: #c4c4c4;
                }
            }
        }
        .click:hover li{
            transform: rotateX(0deg) rotateY(0deg);
        }
        .click:hover .blanks{
            transform: rotateX(0deg) rotateY(0deg);
        }
    }
}

//中间大图
.picture{
    width: 1500px;
}
//项目介绍
.projectDescription{
    width: 1500px;
    padding-top: 60px;
    h3{
        font-size: 22px;
        margin-left: 310px;
    }
    .text{
        width: 678px;
        margin: 0 auto;
        .title{
            height: 28px;
            line-height: 28px;
            background-color: #efefef;
            margin-bottom: 64px;
            h4{
                font-family: "times new roman";
                font-size: 21px;
                line-height: 21px;
                color: #a0a0a0;
            }
        }
        .combination{
            margin-bottom: 43px;
        }
        .combination:hover .square{
            background: #969899;
        }
        .combination:hover .circle{
            background: #ff9600;
        }
        .combination:hover p{
            color: white;
        } 
        .square{
            width: 642px;
            height: 72px;
            background: #efefef;
            margin-left: 36px;
            padding-top: 20px;
            padding-left: 50px;
            p{
                font-size: 12px;
                color: black;
            }
        }
        .circle{
            padding-top: 25px;
            width: 72px;
            height: 72px;
            background: #fcbf78;
            border-radius: 36px;
            text-align: center;
            float: left;
            span{
                color: white;
                font-size: 15px;
                line-height: 15px;
                text-decoration: underline;
            }
        }
    }
}
//底部
.buttom{
    width: 1500px;
    height: 63px;
    background: #444444;
    text-align: center;
    padding-top: 31px;
    a{
        font-size: 12px;
        color: white;
        margin: 0 15px;
    }
    a:nth-child(4){
        margin-right: 370px;
    }
    span{
        font-size: 12px;
        color: white;
    }
}
